/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
:root {
    --nav-card-bg-color               : #fff;
    --left-nav-active-background-color: #f0f2fc;
    --left-nav-active-text-color      : #3f51b5;

    --ion-background-color    : #f1f5f8;
    --ion-background-color-rgb: 241, 245, 248;

    --ion-text-color    : #515a6e;
    --ion-text-color-rgb: 81, 90, 110;


    --ion-color-step-50-reversal: #313131;

    --ion-color-step    : #ffffff;
    --ion-color-step-50 : #e9edf1;
    --ion-color-step-100: #e1e6ea;
    --ion-color-step-150: #d9dee3;
    --ion-color-step-200: #d1d6dc;
    --ion-color-step-250: #c9ced6;
    --ion-color-step-300: #c1c7cf;
    --ion-color-step-350: #b9bfc8;
    --ion-color-step-400: #b1b7c1;
    --ion-color-step-450: #a9afba;
    --ion-color-step-500: #a1a8b3;
    --ion-color-step-550: #99a0ac;
    --ion-color-step-600: #9198a5;
    --ion-color-step-650: #89909e;
    --ion-color-step-700: #818997;
    --ion-color-step-750: #798191;
    --ion-color-step-800: #71798a;
    --ion-color-step-850: #697183;
    --ion-color-step-900: #616a7c;
    --ion-color-step-950: #596275;
}

:root.dark {
    --nav-card-bg-color               : #121111;
    --left-nav-active-background-color: #3c3c44;
    --left-nav-active-text-color      : #c1c9f7;

    --ion-background-color    : #272727;
    --ion-background-color-rgb: 39, 39, 39;

    --ion-text-color    : #f1f5f8;
    --ion-text-color-rgb: 241, 245, 248;

    --ion-color-step-50-reversal: #e9edf1;

    --ion-color-step    : #000000;
    --ion-color-step-50 : #313131;
    --ion-color-step-100: #3b3c3c;
    --ion-color-step-150: #454646;
    --ion-color-step-200: #4f5051;
    --ion-color-step-250: #5a5b5b;
    --ion-color-step-300: #646566;
    --ion-color-step-350: #6e6f70;
    --ion-color-step-400: #78797b;
    --ion-color-step-450: #828485;
    --ion-color-step-500: #8c8e90;
    --ion-color-step-550: #96989a;
    --ion-color-step-600: #a0a3a4;
    --ion-color-step-650: #aaadaf;
    --ion-color-step-700: #b4b7b9;
    --ion-color-step-750: #bfc2c4;
    --ion-color-step-800: #c9ccce;
    --ion-color-step-850: #d3d6d9;
    --ion-color-step-900: #dde0e3;
    --ion-color-step-950: #e7ebee;
}

html {
    font-family             : sans-serif;
    line-height             : 1.15;
    -ms-text-size-adjust    : 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin   : .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing        : content-box;
    height            : 0;
    overflow          : visible
}

pre {
    font-family: monospace, monospace;
    font-size  : 1em
}

a {
    background-color            : transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom          : none;
    text-decoration        : underline;
    -webkit-text-decoration: underline dotted;
    text-decoration        : underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size  : 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color           : #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size     : 75%;
    line-height   : 0;
    position      : relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height : 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size  : 100%;
    line-height: 1.15;
    margin     : 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding     : 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border : 1px solid silver;
    margin : 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    color             : inherit;
    display           : table;
    max-width         : 100%;
    padding           : 0;
    white-space       : normal
}

progress {
    display       : inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize  : vertical
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding           : 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset    : -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font              : inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    -webkit-box-sizing         : border-box;
    box-sizing                 : border-box;
    -webkit-tap-highlight-color: transparent
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box
}

body {
    font-family            : "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size              : 14px;
    line-height            : 1.5;
    background-color       : var(--ion-background-color, #f1f5f8);
    color                  : var(--ion-color-step-750, #515a6e);
    margin                 : 0;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,
aside,
blockquote,
body,
button,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
section,
td,
textarea,
th,
ul {
    margin : 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size  : inherit;
    line-height: inherit
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

a {
    color             : #2d8cf0;
    background        : 0 0;
    text-decoration   : none;
    outline           : 0;
    cursor            : pointer;
    -webkit-transition: color .2s ease;
    transition        : color .2s ease
}

a:hover {
    color: #57a3f3
}

a:active {
    color: #2b85e4
}

a:active,
a:hover {
    outline        : 0;
    text-decoration: none
}

a[disabled] {
    color         : #ccc;
    cursor        : not-allowed;
    pointer-events: none
}

code,
kbd,
pre,
samp {
    font-family: Consolas, Menlo, Courier, monospace
}

.mgb10 {
    margin-bottom: 10px;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.page {
    padding-top: 10px;
}

.search-from .ivu-form-item {
    margin-bottom: 10px;
}